<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>畅销书排行</title>
	<style type="text/css">
     h2{ font-size:16px; color:#FFF; text-height:30px; text-indent:1em; background-color:#518700; background-image:url(img/bang.gif); background-repeat:no-repeat; background-position:6em; }
	 ul{ list-style-type:none; font-size:12px; text-height:28px;}
	 div{ width:15em; height:15em;
	      background:linear-gradient(to bottom, #F9FBCB, #F8F8F3)
		 }
	 a{text-decoration:none;}
	 a:hover{text-decoration:underline;}
	 li{ text-indent:1.5em;}
	 ul li:nth-child(1){ background-image:url(05/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/01%20%E4%B8%8A%E6%9C%BA%E7%BB%83%E4%B9%A0%E7%B4%A0%E6%9D%90/%E7%BB%83%E4%B9%A05%EF%BC%9A%E5%88%B6%E4%BD%9C%E7%95%85%E9%94%80%E4%B9%A6%E6%8E%92%E8%A1%8C%E6%A6%9C/%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no01.gif); background-repeat:no-repeat; background-position:left;}
	 ul li:nth-child(2){ background-image:url(05/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/01%20%E4%B8%8A%E6%9C%BA%E7%BB%83%E4%B9%A0%E7%B4%A0%E6%9D%90/%E7%BB%83%E4%B9%A05%EF%BC%9A%E5%88%B6%E4%BD%9C%E7%95%85%E9%94%80%E4%B9%A6%E6%8E%92%E8%A1%8C%E6%A6%9C/%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no02.gif);background-repeat:no-repeat; background-position:left;}
	 ul li:nth-child(3){ background-image:url(05/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/01%20%E4%B8%8A%E6%9C%BA%E7%BB%83%E4%B9%A0%E7%B4%A0%E6%9D%90/%E7%BB%83%E4%B9%A05%EF%BC%9A%E5%88%B6%E4%BD%9C%E7%95%85%E9%94%80%E4%B9%A6%E6%8E%92%E8%A1%8C%E6%A6%9C/%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no03.gif); background-repeat:no-repeat; background-position:left;}
	 ul li:nth-child(4){ background-image:url(05/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/01%20%E4%B8%8A%E6%9C%BA%E7%BB%83%E4%B9%A0%E7%B4%A0%E6%9D%90/%E7%BB%83%E4%B9%A05%EF%BC%9A%E5%88%B6%E4%BD%9C%E7%95%85%E9%94%80%E4%B9%A6%E6%8E%92%E8%A1%8C%E6%A6%9C/%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no04.gif); background-repeat:no-repeat; background-position:left;}
	 ul li:nth-child(5){ background-image:url(05/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/01%20%E4%B8%8A%E6%9C%BA%E7%BB%83%E4%B9%A0%E7%B4%A0%E6%9D%90/%E7%BB%83%E4%B9%A05%EF%BC%9A%E5%88%B6%E4%BD%9C%E7%95%85%E9%94%80%E4%B9%A6%E6%8E%92%E8%A1%8C%E6%A6%9C/%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no05.gif); background-repeat:no-repeat; background-position:left;}
	 ul li:nth-child(6){ background-image:url(05/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/01%20%E4%B8%8A%E6%9C%BA%E7%BB%83%E4%B9%A0%E7%B4%A0%E6%9D%90/%E7%BB%83%E4%B9%A05%EF%BC%9A%E5%88%B6%E4%BD%9C%E7%95%85%E9%94%80%E4%B9%A6%E6%8E%92%E8%A1%8C%E6%A6%9C/%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no06.gif); background-repeat:no-repeat; background-position:left;}
	 ul li:nth-child(7){ background-image:url(05/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/01%20%E4%B8%8A%E6%9C%BA%E7%BB%83%E4%B9%A0%E7%B4%A0%E6%9D%90/%E7%BB%83%E4%B9%A05%EF%BC%9A%E5%88%B6%E4%BD%9C%E7%95%85%E9%94%80%E4%B9%A6%E6%8E%92%E8%A1%8C%E6%A6%9C/%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no07.gif); background-repeat:no-repeat; background-position:left;}
	 ul li:nth-child(8){ background-image:url(05/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/01%20%E4%B8%8A%E6%9C%BA%E7%BB%83%E4%B9%A0%E7%B4%A0%E6%9D%90/%E7%BB%83%E4%B9%A05%EF%BC%9A%E5%88%B6%E4%BD%9C%E7%95%85%E9%94%80%E4%B9%A6%E6%8E%92%E8%A1%8C%E6%A6%9C/%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no08.gif); background-repeat:no-repeat; background-position:left;}
	 ul li:nth-child(9){ background-image:url(05/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/01%20%E4%B8%8A%E6%9C%BA%E7%BB%83%E4%B9%A0%E7%B4%A0%E6%9D%90/%E7%BB%83%E4%B9%A05%EF%BC%9A%E5%88%B6%E4%BD%9C%E7%95%85%E9%94%80%E4%B9%A6%E6%8E%92%E8%A1%8C%E6%A6%9C/%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no09.gif); background-repeat:no-repeat; background-position:left;}
	 ul li:nth-child(10){ background-image:url(05/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/01%20%E4%B8%8A%E6%9C%BA%E7%BB%83%E4%B9%A0%E7%B4%A0%E6%9D%90/%E7%BB%83%E4%B9%A05%EF%BC%9A%E5%88%B6%E4%BD%9C%E7%95%85%E9%94%80%E4%B9%A6%E6%8E%92%E8%A1%8C%E6%A6%9C/%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no10.gif); background-repeat:no-repeat; background-position:left;}
    </style>


</head>


<body>
  <div >
  <h2>畅销书排行</h2>
      <ul>
       <li>
       	<img src="img/book_no01.gif" />
       	<a href="#">不抱怨的世界(畅...</a></li>
       <li>
       	<img src="img/book_no02.gif" />
       	<a href="#">遇见未知的自己...</a></li>
       <li>
       	<img src="img/book_no03.gif" />
       	<a href="#">活法（季羡林、...</a></li>
       <li>
       	<img src="img/book_no04.gif" />
       	<a href="#">高效能人士的七个习惯</a></li>
       <li>
       	<img src="img/book_no05.gif" />
       	<a href="#">被迫强大（北外女生香奈儿...</a></li>
       <li>
       	<img src="img/book_no06.gif" />
       	<a href="#">遇见心想事成的自己（《遇...</a></li>
       <li>
       	<img src="img/book_no07.gif" />
       	<a href="#">世界上最伟大的推销员（插...</a></li>
       <li>
       	<img src="img/book_no08.gif" />
       	<a href="#">我的成功可以复制（唐骏亲...</a></li>
       <li>
       	<img src="img/book_no09.gif" />
       	<a href="#">少有人走的路：心智成熟的...</a></li>
       <li>
       	<img src="img/book_no10.gif" />
       	<a href="#">活出全新的自己——唤醒...</a></li>
      </ul>
  </div>
</body>
</html>
